
import React from 'react'

export default class State extends React.Component {
    state = {
        num: 1,
        msg:'我是stste组件'
    }


    /* 
    箭头函数this指向的问题：
    如果函数内部需要使用this  就需要使用箭头函数，
    如果不需要使用this,没有必要使用箭头函数
    
    
    */
    //clickHandle(){
    clickHandle=()=>{
        console.log(this,11111);
        this.setState({
            num:this.state.num+1,
            msg:'state数据'
        })
    }

    render() {
        console.log(this,4);
        return (
            <div>类组件==={this.state.num}==={this.state.msg}
                <button onClick={this.clickHandle}>按钮===state</button>
                {/* <button onClick={()=>this.clickHandle()}>按钮===state22</button> */}
            </div>
        )
    }
}